<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="renderer" content="webkit">
    <title>注册 - 不蒜子</title>
    <link rel="stylesheet" href="//dn-lbstatics.qbox.me/pintuer/1.0/pintuer.mini.css">
    <script src="//dn-lbstatics.qbox.me/jquery/1.11.2/jquery.min.js"></script>
    <script src="//dn-lbstatics.qbox.me/pintuer/1.0/pintuer.mini.js"></script>
    <script src="//dn-lbstatics.qbox.me/respond/1.4.2/respond.min.js"></script>
</head>

<body class="bg-blue-light">
<div class="container">
    <div class="line">
        <div class="xs6 xm4 xs3-move xm4-move">

            <div class="media media-y">
                <hr class="space"/>
                <img src="//dn-lbstatics.qbox.me/images/garlic.png" class="radius" style="padding-top: 10px"
                     width="136px" height="180px">
                <hr class="space"/>
            </div>

            <form action="/signup" method="post">
                <div class="panel">
                    <div class="panel-head">
                        <div class="line">
                            <div class="x6"><strong>注册</strong></div>
                            <div class="x6 text-right"><a href="/signin.html">立即登录</a></div>
                        </div>
                    </div>
                    <div class="panel-body" style="padding:30px;">
                        <div class="form-group">
                            <div class="field field-icon-right">
                                <input type="text" class="input" name="username" placeholder="注册邮箱"
                                       data-validate="required:用户名必填,email:请输入有效的邮箱,ajax#/signup_checkusername?username=:用户已注册"/>
                                <span class="icon icon-user"></span>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="field field-icon-right">
                                <input type="password" class="input" name="password"
                                       placeholder="登录密码"
                                       data-validate="required:密码必填,length#>=8:密码长度至少8位"/>
                                <span class="icon icon-key"></span>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="field field-icon-right">
                                <input type="password" class="input" name="repeatPassword"
                                       placeholder="再次输入密码"
                                       data-validate="required:密码必填,repeat#password:两次输入的密码不一致"/>
                                <span class="icon icon-key"></span>
                            </div>
                        </div>

                        <!--<div class="form-group">-->
                        <!--<div class="field">-->
                        <!--<input type="text" class="input" name="passcode" placeholder="填写右侧的验证码"-->
                        <!--data-validate="required:请填写右侧的验证码"/>-->
                        <!--<img src="images/passcode.jpg" width="80" height="32" class="passcode"/>-->
                        <!--</div>-->
                        <!--</div>-->
                    </div>
                    <div class="panel-foot text-center">
                        <button class="button button-block bg-main text-big">极速注册</button>
                    </div>
                </div>
            </form>

        </div>
    </div>
</div>
</body>
</html>